GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Model View ViewModel</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Model View ViewModel</span></h1>

</header>

</div>

<p><b>Model View ViewModel</b> (<b>MVVM</b>) ist ein <a href="Entwurfsmuster" title="Entwurfsmuster">Entwurfsmuster</a> und eine Variante des <a href="Model_View_Controller" title="Model View Controller">Model-View-Controller</a>-Musters (MVC). Es dient zur Trennung zwischen Darstellung und Logik der <a href="Benutzerschnittstelle" title="Benutzerschnittstelle">Benutzerschnittstelle</a> (UI) und des <a href="Frontend_und_Backend" title="Frontend und Backend">Software-Backends</a>. Das Entwurfsmuster ist die Standardimplementierung von UI-Plattformen wie <a href="Cocoa_(API)" title="Cocoa (API)">Cocoa</a> (<a href="Apple" title="Apple">Apple</a>), <a href="Windows_Presentation_Foundation" title="Windows Presentation Foundation">Windows Presentation Foundation</a> (WPF, <a href="Microsoft" title="Microsoft">Microsoft</a>) und <a href="JavaFX" title="JavaFX">JavaFX</a> (<a href="Oracle" title="Oracle">Oracle</a>). Im Webbrowser wird das Muster durch bestimmte <a href="JavaScript" title="JavaScript">JavaScript</a>-<a href="Framework" title="Framework">Frameworks</a> wie <a href="React" title="React">React</a> oder <a href="Knockout.js" title="Knockout.js">Knockout.js</a> verfügbar, welche den Zustand einer <a href="HTML5" title="HTML5">HTML5</a>-Benutzeroberfläche verwalten können. Die Unterteilung der Benutzeroberfläche in <a href="Komponentenbasierte_Entwicklung" title="Komponentenbasierte Entwicklung">Komponenten</a>, die aufeinander aufbauen und schlussendlich als View die gesamte Applikationsoberfläche darstellen, wird <i><a href="Kompositum_(Entwurfsmuster)" title="Kompositum (Entwurfsmuster)">Compositing</a></i> genannt und ist typisch für MVVM-Anwendungen.

</p><p>Das MVVM-Entwurfsmuster erfordert neben dem Kompositum-Entwurfsmuster auch das <a href="Beobachter_(Entwurfsmuster)" title="Beobachter (Entwurfsmuster)">Beobachter</a>-Entwurfsmuster, da das <i>ViewModel</i> den Zustand der UI abbildet, der sich wiederum durch Eingabe- und andere Ereignisse ändert. Die unmittelbare Reaktion der UI auf Änderungen im <i>ViewModel</i> und umgekehrt realisiert die <a href="Echtzeit" title="Echtzeit">Echtzeit</a>-Datenbindung des Musters.

</p><p>MVVM erlaubte bei seiner Einführung die heute gebräuchliche Rollentrennung von UI-Designern im Frontend und Entwicklern im Backend, wodurch <a href="Schichtenarchitektur" title="Schichtenarchitektur">Anwendungsschichten</a> von verschiedenen Arbeitsgruppen entwickelt werden konnten. Im Desktop-Umfeld eingeführt, findet sich das MVVM-Entwurfsmuster heute in den meisten webbasierten Clients.

</p>

<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>

<p>Das MVVM wurde 2005 von <a href="Microsoft_MVP" title="Microsoft MVP">Microsoft MVP</a> John Gossman veröffentlicht. Es ist eine Spezialisierung des <i>Presentation Model</i> von <a href="Martin_Fowler" title="Martin Fowler">Martin Fowler</a><sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> und ist mit diesem insofern identisch, als beide Muster Zustand und Verhalten der View in ein separates UI-Model (Presentation bzw. View Model) verschieben. Das <i>Presentation Model</i> ermöglicht allerdings das Erzeugen einer View unabhängig von der UI-Plattform, wohingegen das MVVM ursprünglich auf UIs mittels WPF abzielt. Es findet allerdings inzwischen auch in anderen Bereichen Anwendung, ähnlich wie bei MVC.

</p>

<div class="mw-heading mw-heading2"><h2 id="Beschreibung">Beschreibung</h2></div>

<p>Das MVVM nutzt die funktionale Trennung des <a href="Model_View_Controller" title="Model View Controller">MVC-Musters</a> von Model und View. Zum Erreichen einer <a href="Lose_Kopplung" title="Lose Kopplung">losen Kopplung</a> zwischen diesen Komponenten wird ein Datenbindungsmechanismus verwendet. Das MVVM-Muster enthält folgende drei Komponenten:

</p>

<ul><li><i>Model:</i> <a href="Schichtenarchitektur#Datenzugriffsschicht" title="Schichtenarchitektur">Datenzugriffsschicht</a> für die Inhalte, die dem Benutzer angezeigt und von ihm manipuliert werden. Dazu benachrichtigt es über Datenänderungen und führt eine <a href="Datenvalidierung" title="Datenvalidierung">Validierung</a> der vom Benutzer übergebenen Daten durch. Es enthält die gesamte <a href="Gesch%C3%A4ftslogik" title="Geschäftslogik">Geschäftslogik</a> und ist für sich alleine durch <a href="Modultest" title="Modultest">Unit Tests</a> überprüfbar.</li></ul>

<ul><li><i>View:</i> Alle durch die <i>grafische Benutzeroberfläche</i> (<a href="Grafische_Benutzeroberfl%C3%A4che" title="Grafische Benutzeroberfläche">GUI</a>) angezeigten Elemente. Es bindet sich an Eigenschaften des ViewModels, um Inhalte darzustellen und zu manipulieren sowie Benutzereingaben weiterzuleiten. Durch die Datenbindung ist die View einfach austauschbar und ihr <a href="ASP.NET#Code-Behind-Modell" title="ASP.NET">Code-Behind</a> gering.</li></ul>

<ul><li><i>ViewModel:</i> Enthält die UI-Logik (Model der View) und dient als Bindeglied zwischen View und obigem Model. Einerseits tauscht es Information mit dem Model aus, ruft also <a href="Methode_(Programmierung)" title="Methode (Programmierung)">Methoden</a> oder <a href="Dienst_(Informatik)" title="Dienst (Informatik)">Dienste</a> auf. Andererseits stellt es der View öffentliche <a href="Sprachelemente_von_C-Sharp#Eigenschaften_(Schlüsselwörter_get,_set_und_value)" title="Sprachelemente von C-Sharp">Eigenschaften</a> und <a href="Kommando_(Entwurfsmuster)" title="Kommando (Entwurfsmuster)">Befehle</a> zur Verfügung. Diese werden von der View an <a href="Steuerelement" title="Steuerelement">Steuerelemente</a> gebunden, um Inhalte auszugeben bzw. UI-Ereignisse weiterzuleiten. Das ViewModel darf dabei keinerlei Kenntnis der View besitzen.</li></ul>

<p>Das MVVM-Muster kann als technologie-spezifisch bezeichnet werden, da für die Verknüpfung von View und ViewModel ein Datenbindungsmechanismus benötigt wird. Diese Infrastruktur wird häufig als <i>Binder</i> bezeichnet.<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> Im Detail handelt es sich hierbei um einen bidirektionalen Einsatz des <a href="Beobachter_(Entwurfsmuster)" title="Beobachter (Entwurfsmuster)">Beobachter-Musters</a>. <i>Binder</i>, welche eine Datenbindung auf Basis von deklarativen Angaben etablieren können, sind für verschiedene Techniken vorhanden.

</p>

<div class="mw-heading mw-heading3"><h3 id=".NET_und_JavaFX">.NET und JavaFX</h3></div>

<p>In Bezug auf <a href="Windows_Presentation_Foundation" title="Windows Presentation Foundation">WPF</a> und <a href="Silverlight" class="mw-redirect" title="Silverlight">Silverlight</a> bedeutet MVVM, dass die View aus rein deklarativem <a href="XAML" class="mw-redirect" title="XAML">XAML</a>-Markup besteht. Sie kann von UI-Designern etwa mittels <a href="Microsoft_Expression_Blend" class="mw-redirect" title="Microsoft Expression Blend">Expression Blend</a> entworfen werden, wobei lediglich Datenbindungen zum ViewModel erzeugt werden müssen, aber kein Code-Behind. Die Logik wird in einer Programmiersprache wie <a href="C-Sharp" title="C-Sharp">C#</a> oder <a href="Visual_Basic_.NET" title="Visual Basic .NET">VB.NET</a> implementiert. Die Abhängigkeiten zwischen Markup und Code werden minimiert.

Gleiches gilt für JavaFX. Hier kann die View mittels FXML und beispielsweise SceneBuilder entwickelt und dann im ViewModel per Property Binding uni- oder bidirektional mit der Geschäftslogik verbunden werden.

</p>

<div class="mw-heading mw-heading3"><h3 id="JavaScript/HTML"><span id="JavaScript.2FHTML"></span>JavaScript/HTML</h3></div>

<p>Das MVVM-Muster bzw. der hierzu benötigte Datenbindungsmechanismus wurden im Jahr 2010 von dem Microsoft-Entwickler <i>Steve Sanderson</i> nach <a href="JavaScript" title="JavaScript">JavaScript</a> portiert. Die entstandene JavaScript-Bibliothek trägt den Namen <a href="Knockout.js" title="Knockout.js">Knockout.js</a>. Mittlerweile findet das MVVM-Muster ebenfalls Einsatz in anderen JavaScript-Frameworks, wie z. B. <a href="Angular" title="Angular">Angular</a>, <a href="Vue.js" title="Vue.js">Vue.js</a> oder <a href="React" title="React">React</a>. Durch die Verwendung des MVVM-Muster bei client-lastigen <a href="Webanwendung" title="Webanwendung">Webanwendungen</a> wird der Implementierungsaufwand reduziert, da sonst übliche manuelle <a href="Document_Object_Model" title="Document Object Model">DOM</a>-Zugriffe durch die Datenbindung stark reduziert werden können. Die Beschreibung der Datenbindung erfolgt ebenfalls deklarativ, wie bei <a href="Extensible_Application_Markup_Language" title="Extensible Application Markup Language">XAML</a>-basierten Microsoft-Produkten.

</p>

<div class="mw-heading mw-heading3"><h3 id="Android">Android</h3></div>

<p>Das MVVM-Muster und die Datenbindung kann ebenfalls bei der Implementierung mobiler <a href="Android_(Betriebssystem)" title="Android (Betriebssystem)">Android</a>-Anwendungen verwendet werden.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Vor-_und_Nachteile">Vor- und Nachteile</h2></div>

<div class="mw-heading mw-heading3"><h3 id="Vorteile">Vorteile</h3></div>

<ul><li>Die <a href="Gesch%C3%A4ftslogik" title="Geschäftslogik">Geschäftslogik</a> kann unabhängig von der Darstellung bearbeitet werden. MVVM „erbt“ die leichtere Austauschbarkeit der View vom <a href="Model_View_Controller" title="Model View Controller">MVC</a>-Muster.</li>

<li>Die Testbarkeit verbessert sich, da die ViewModel die UI-Logiken enthalten und unabhängig von der View instanziiert werden können. Hierdurch sind keine UI-Tests nötig. Stattdessen genügen codebasierte <a href="Modultest" title="Modultest">Modultests</a> des ViewModel.</li>

<li>Die Menge von <a href="Glue_Code" title="Glue Code">Glue Code</a> zwischen Model und View wird durch den Verzicht von Controller-Instanzen gegenüber dem MVC-Muster reduziert.<sup id="cite_ref-4" class="reference"><a href="#cite_note-4"><span class="cite-bracket">[</span>4<span class="cite-bracket">]</span></a></sup></li>

<li>Views können von reinen UI-Designern gestaltet werden, während Entwickler unabhängig davon die Models und ViewModels implementieren.</li>

<li>Es können unterschiedliche Views erstellt werden, die alle an dasselbe ViewModel gebunden werden, ohne dass dort Änderungen an der Programmierung vorgenommen werden müssen.</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Nachteile">Nachteile</h3></div>

<ul><li>Als Nachteil kann der höhere Rechenaufwand aufgrund des enthaltenen bi-direktionalen <a href="Beobachter_(Entwurfsmuster)" title="Beobachter (Entwurfsmuster)">Beobachters</a> gewertet werden.</li>

<li>Der generische Datenbindungsmechanismus erspart die Implementierung von verschiedenen Controllern. Allerdings ist dieser Mechanismus zur Umsetzung des MVVM-Muster zwingend erforderlich.</li></ul>

<div class="mw-heading mw-heading2"><h2 id="MVVM-Frameworks">MVVM-Frameworks</h2></div>

<p>Es existieren verschiedene Frameworks, welche MVVM umsetzen.

</p>

<ul><li><a href="Windows_Presentation_Foundation" title="Windows Presentation Foundation">Windows Presentation Foundation</a></li>

<li><a href="Knockout.js" title="Knockout.js">Knockout.js</a> – MVVM in JavaScript</li>

<li><a href="JavaFX" title="JavaFX">JavaFX</a></li>

<li><a href="SwiftUI" title="SwiftUI">SwiftUI</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Siehe_auch">Siehe auch</h2></div>

<ul><li><a href="Model_View_Controller" title="Model View Controller">Model View Controller</a></li>

<li><a href="Smart_UI" title="Smart UI">Smart UI</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>

<ul><li>Raffaele Garofalo: <i>Building Enterprise Applications with Windows Presentation Foundation and the Model View ViewModel Pattern</i>, Microsoft Press 2011, ISBN 978-0735650923</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<ul><li><a rel="nofollow" class="external text" href="https://www.norberteder.com/model-view-viewmodel-die-serie/">Norbert Eder: Model-View-ViewModel Die Serie</a> – Codebeispiel</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://martinfowler.com/eaaDev/PresentationModel.html"><i>Presentation Model.</i></a><span class="Abrufdatum"> Abgerufen am 27. März 2025</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AModel+View+ViewModel&rft.title=Presentation+Model&rft.description=Presentation+Model&rft.identifier=https%3A%2F%2Fmartinfowler.com%2FeaaDev%2FPresentationModel.html"> </span></span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://books.zkoss.org/zk-mvvm-book/8.0/data_binding/binder.html"><i>Binder |.</i></a><span class="Abrufdatum"> Abgerufen am 27. März 2025</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AModel+View+ViewModel&rft.title=Binder+%7C&rft.description=Binder+%7C&rft.identifier=https%3A%2F%2Fbooks.zkoss.org%2Fzk-mvvm-book%2F8.0%2Fdata_binding%2Fbinder.html"> </span></span>

</li>

<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://developer.android.com/topic/libraries/data-binding?hl=de"><i>Data Binding Library | App architecture.</i></a><span class="Abrufdatum"> Abgerufen am 27. März 2025</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AModel+View+ViewModel&rft.title=Data+Binding+Library+%7C+App+architecture&rft.description=Data+Binding+Library+%7C+App+architecture&rft.identifier=https%3A%2F%2Fdeveloper.android.com%2Ftopic%2Flibraries%2Fdata-binding%3Fhl%3Dde"> </span></span>

</li>

<li id="cite_note-4"><span class="mw-cite-backlink"><a href="#cite_ref-4">↑</a></span> <span class="reference-text"><span class="cite">John Gossman: <a rel="nofollow" class="external text" href="https://blogs.msdn.com/johngossman/archive/2006/03/04/543695.aspx"><i>Tales from the Smart Client: Advantages and disadvantages of M-V-VM.</i></a><span class="Abrufdatum"> Abgerufen am 28. Mai 2012</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AModel+View+ViewModel&rft.title=Tales+from+the+Smart+Client%3A+Advantages+and+disadvantages+of+M-V-VM.&rft.description=Tales+from+the+Smart+Client%3A+Advantages+and+disadvantages+of+M-V-VM.&rft.identifier=&rft.creator=John+Gossman&rft.date="> </span></span>

</li>

</ol>

/* start https://de.wikipedia.org/ */

.mw-parser-output table.erw-nav-zebra>tbody>:nth-child(odd){background-color:var(--dewiki-hintergrundfarbe-basis)}.mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste{background-color:#f5f5f5}.mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe{background-color:#e5ecf2}.mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,.mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#ececec}.mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt>.wikitable>*>tr{border-top:2px solid #fdfdfd!important;border-bottom:2px solid #fdfdfd!important}@media screen{html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,html.skin-theme-clientpref-night .mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#202122}html.skin-theme-clientpref-night .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable tr,html.skin-theme-clientpref-night .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable td{border-color:#101418!important}html.skin-theme-clientpref-night .mw-parser-output .erw-nav-bild span[typeof="mw:File"] img{background-color:#c8ccd1}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-blau .erw-nav-leiste,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-blau .erw-nav-gruppe,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-grau .erw-nav-leiste,html.skin-theme-clientpref-os .mw-parser-output .erw-nav-farbschema-grau .erw-nav-gruppe{background-color:#202122}html.skin-theme-clientpref-os .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable tr,html.skin-theme-clientpref-os .mw-parser-output .erweiterte-navigationsleiste .klappleiste-inhalt .wikitable td{border-color:#101418!important}html.skin-theme-clientpref-os .mw-parser-output .erw-nav-bild span[typeof="mw:File"] img{background-color:#c8ccd1}}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable{border-top:0px!important;border-bottom:0px!important;margin-top:0!important;margin-bottom:0!important}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable tr:first-of-type td{border-top:0px!important}.mw-parser-output .erweiterte-navigationsleiste .hlist .wikitable tr:last-of-type td{border-bottom:0px!important}

/* end https://de.wikipedia.org/ */

</style><style data-mw-deduplicate="TemplateStyles:r260755238">

/* start https://de.wikipedia.org/ */

.mw-parser-output div.klappleiste{border:1px solid var(--dewiki-rahmenfarbe1);clear:both;font-size:95%;box-sizing:border-box;margin-top:1.5em;padding:2px}.mw-parser-output div.klappleiste:after{clear:both;content:"";display:block}.mw-parser-output div.klappleiste-bild{float:left;padding:2px}.mw-parser-output div.klappleiste-kopf{background:var(--dewiki-hintergrundfarbe5);color:var(--color-base,#202122);text-align:center;font-weight:bold}.mw-parser-output div.klappleiste.mw-collapsed .klappleiste-bild{display:none}.mw-parser-output div.klappleiste+div.klappleiste,.mw-parser-output div.klappleiste+link+div.klappleiste,.mw-parser-output div.klappleiste+link+link+div.klappleiste,.mw-parser-output div.klappleiste+link+style+div.klappleiste,.mw-parser-output div.klappleiste+style+div.klappleiste,.mw-parser-output div.klappleiste+style+style+div.klappleiste,.mw-parser-output div.klappleiste+style+link+div.klappleiste{margin-top:-1px}@media screen{html.skin-theme-clientpref-night .mw-parser-output .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img{background-color:#c8ccd1}}@media screen and (prefers-color-scheme:dark){html.skin-theme-clientpref-os .mw-parser-output .klappleiste-bild span[typeof="mw:File"]:not(.skin-invert-image) img{background-color:#c8ccd1}}

/* end https://de.wikipedia.org/ */

</style>

<div class="klappleiste-kopf"><a href="Entwurfsmuster" title="Entwurfsmuster">Entwurfsmuster</a><div class="erweiterte-navigationsleiste-quicklinks" style="float:left; font-weight:normal; font-size:75%; margin-left:1em; margin-right:2em; display:none;"><span title="Vorlage anzeigen">V</span> – <span title="Diskussion anzeigen">D</span></div></div>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Erzeugungsmuster" title="Erzeugungsmuster">Erzeugungsmuster</a></b>

</td>

<p><a href="Abstrakte_Fabrik" title="Abstrakte Fabrik">Abstrakte Fabrik</a> | <a href="Erbauer_(Entwurfsmuster)" title="Erbauer (Entwurfsmuster)">Erbauer</a> | <a href="Fabrikmethode" title="Fabrikmethode">Fabrikmethode</a> | <a href="Prototyp_(Entwurfsmuster)" title="Prototyp (Entwurfsmuster)">Prototyp</a> | <a href="Singleton_(Entwurfsmuster)" title="Singleton (Entwurfsmuster)">Singleton</a> | <a href="Multiton" title="Multiton">Multiton</a> | <a href="Objektpool" title="Objektpool">Objektpool</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Strukturmuster" title="Strukturmuster">Strukturmuster</a></b>

</td>

<p><a href="Adapter_(Entwurfsmuster)" title="Adapter (Entwurfsmuster)">Adapter</a> | <a href="Br%C3%BCcke_(Entwurfsmuster)" title="Brücke (Entwurfsmuster)">Brücke</a> | <a href="Decorator" title="Decorator">Decorator</a> | <a href="Fassade_(Entwurfsmuster)" title="Fassade (Entwurfsmuster)">Fassade</a> | <a href="Fliegengewicht_(Entwurfsmuster)" title="Fliegengewicht (Entwurfsmuster)">Fliegengewicht</a> | <a href="Kompositum_(Entwurfsmuster)" title="Kompositum (Entwurfsmuster)">Kompositum</a> | <a href="Stellvertreter_(Entwurfsmuster)" title="Stellvertreter (Entwurfsmuster)">Stellvertreter</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Verhaltensmuster_(Software)" title="Verhaltensmuster (Software)">Verhaltensmuster</a></b>

</td>

<p><a href="Beobachter_(Entwurfsmuster)" title="Beobachter (Entwurfsmuster)">Beobachter</a> | <a href="Besucher_(Entwurfsmuster)" title="Besucher (Entwurfsmuster)">Besucher</a> | <a href="Interpreter_(Entwurfsmuster)" title="Interpreter (Entwurfsmuster)">Interpreter</a> | <a href="Iterator_(Entwurfsmuster)" title="Iterator (Entwurfsmuster)">Iterator</a> | <a href="Kommando_(Entwurfsmuster)" title="Kommando (Entwurfsmuster)">Kommando</a> | <a href="Memento_(Entwurfsmuster)" title="Memento (Entwurfsmuster)">Memento</a> | <a href="Schablonenmethode" title="Schablonenmethode">Schablonenmethode</a> | <a href="Strategie_(Entwurfsmuster)" title="Strategie (Entwurfsmuster)">Strategie</a> | <a href="Vermittler_(Entwurfsmuster)" title="Vermittler (Entwurfsmuster)">Vermittler</a> | <a href="Zustand_(Entwurfsmuster)" title="Zustand (Entwurfsmuster)">Zustand</a> | <a href="Zust%C3%A4ndigkeitskette" title="Zuständigkeitskette">Zuständigkeitskette</a> | <a href="Interceptor_(Entwurfsmuster)" title="Interceptor (Entwurfsmuster)">Interceptor</a> | <a href="Nullobjekt_(Entwurfsmuster)" title="Nullobjekt (Entwurfsmuster)">Nullobjekt</a> | <a href="Protokollstapel" title="Protokollstapel">Protokollstapel</a>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b>Muster für <a href="Objektrelationale_Abbildung" title="Objektrelationale Abbildung">objekt-<br>relationale Abbildung</a></b>

</td>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Nachrichten%C3%BCbermittlungsmuster" title="Nachrichtenübermittlungsmuster">Nachrichten-<br>übermittlungsmuster</a></b>

</td>

</td>

<p>File Transfer | Shared Database | Remote Procedure Invocation | Messaging

</p>

</td></tr>

<tr>

</td>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Teilnehmer_(Kommunikationssystem)" title="Teilnehmer (Kommunikationssystem)">Endpunkte</a></b>

</td>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Kanal_(Informationstheorie)" title="Kanal (Informationstheorie)">Kanäle</a></b>

</td>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 2px solid #FFF;padding: 0 1em;"><b><a href="Nachrichtenvermittlung" class="mw-redirect" title="Nachrichtenvermittlung">Nachrichtenvermittlung</a></b>

</td>

</p>

</td></tr>

<tr>

</td>

</p>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;padding: 0 1em;"><b>Systemmanagement</b>

</td>

</p>

</td></tr>

</tbody></table></div>

</td></tr>

<tr>

<td class="erw-nav-gruppe" style="white-space: nowrap;text-align: right;border: 1px solid transparent;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;padding: 0 1em;"><i><b>andere</b></i>

</td>

<p>Application Controller | <a href="Business_Delegate" title="Business Delegate">Business Delegate</a> | <a href="Data_Access_Object" title="Data Access Object">Data Access Object</a> | <a href="Dependency_Injection" title="Dependency Injection">Dependency Injection</a> | <a href="Extension_Interface" title="Extension Interface">Extension Interface</a> | <a href="Fluent_Interface" title="Fluent Interface">Fluent Interface</a> | <a href="Inversion_of_Control" title="Inversion of Control">Inversion of Control</a> (IoC) | <a href="Lock" title="Lock">Lock</a> | <a href="Model_View_Controller" title="Model View Controller">Model View Controller</a> (MVC) | <a href="Model_View_Presenter" title="Model View Presenter">Model View Presenter</a> (MVP) | <a href="Model_View_Update" title="Model View Update">Model View Update</a> (MVU) | <a class="mw-selflink selflink">Model View ViewModel</a> (MVVM) | Page Controller | <a href="Registry_(Entwurfsmuster)" title="Registry (Entwurfsmuster)">Registry</a> | Remote Facade | <a href="Repository_(Entwurfsmuster)" title="Repository (Entwurfsmuster)">Repository</a> | <a href="Service_Locator" class="mw-redirect" title="Service Locator">Service Locator</a> | Session State | Table Module | Template View | <a href="Threadpool" title="Threadpool">Threadpool</a> | Transaction Script | Transform View | Two-Step View | <a href="Value_Object" title="Value Object">Value Object</a>

</p>

</td></tr>

</tbody></table><div class="erw-nav-leiste" style="margin:.1em 0;padding:.1em 1em;text-align:left;font-size:90%;">Siehe auch:  <a href="Analysemuster" title="Analysemuster">Analysemuster</a> | <a href="Architekturmuster" title="Architekturmuster">Architekturmuster</a> | <a href="Integrationsmuster" title="Integrationsmuster">Integrationsmuster</a> | <a href="SOA-Muster" title="SOA-Muster">SOA-Muster</a> </div></div></div></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-10-09" href="https://de.wikipedia.org/wiki/?title=Model_View_ViewModel&oldid=260438333">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>